<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="/Public/css/reset.css">
<link rel="stylesheet" type="text/css" href="/Public/css/common.css">
<link rel="stylesheet" type="text/css" href="/Public/css/jquery.treeview.css" />
<link rel="stylesheet" type="text/css" href="/Public/css/livePreview.css">
<link rel="stylesheet" type="text/css" href="/Public/css/calendar.css">
<script type="text/javascript" src="/Public/js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="/Public/js/jquery.treeview.js"></script>
<script type="text/javascript" src="/Public/js/common.js"></script>
<script src="/Public/js/calendar.js"></script>
<title>录像回放</title>
</head>
<body>
	<div class="header">
		<div class="header_left fl">
			<a href="#"><img src="/Public/images/navLogo.png" ></a>
			<a href="#" class="nav"><img src="/Public/images/homeIcon.png"></a>
			<a href="#" class="nav"><img src="/Public/images/liveIcon.png"></a>
			<a href="#" class="nav active"><img src="/Public/images/videoIcon.png"></a>
			<a href="#" class="nav"><img src="/Public/images/mapIcon.png"></a>
		</div>
		<div class="header_right fr">
			<img src="/Public/images/admin.png"><em>admin</em><span>修改</span><span>|</span><span>退出</span>
		</div>
	</div>
	<div class="content replay_content clearfix">
		<div class="left_bar_wrap fl">
			<h3 class="left_tit">资源</h3>
			<div class="tree_wrap">
				<ul id="tree" class="filetree">
					<li><span class="folder">资源节点</span>
						<ul>
							<li><span class="folder">海康</span>
								<ul>
									<li><span class="file">11-channel1</span></li>
									<li><span class="file">11-channel2</span></li>
									<li><span class="file">11-channel3</span></li>
									<li><span class="file">37-channel1</span></li>
									<li><span class="file">38-channel2</span></li>
									<li><span class="file">39-channel3</span></li>
								</ul>
							</li>
							<li><span class="folder">雄迈</span>
								<ul>
									<li><span class="file">16-channel1</span></li>
									<li><span class="file">xm-channel</span></li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="leixing_wrap">
				<select class="file_leixing">
				  	<option value ="1">文件类型</option>
				  	<option value ="2">文件类型</option>
				</select>
				<select class="plan_leixing">
				  	<option value ="1">计划类型</option>
				  	<option value ="2">计划类型</option>
				</select>
			</div>
			<div class="calendar_wrap" id="ca"></div>
			<div class="search_btn_wrap"><input type="button" name="">搜索</div>
		</div>
		<div class="right_content_wrap fr">
			<div class="video_wrap">
				<ul>
					<!-- 下方屏幕按钮点击切换时，下方li的class名跟着变，四宫格col2，九宫格col3,16宫格col4 -->
					<li class="col2"><img src="/Public/images/replayImg1.png"></li>
					<li class="col2"><img src="/Public/images/replayImg.png"></li>
					<li class="col2"><img src="/Public/images/replayImg.png"></li>
					<li class="col2"><img src="/Public/images/replayImg.png"></li>
				</ul>
			</div>
			<div class="video_bottom_wrap">
				<div class="video_btn_wrap clearfix">
					<div class="video_btn_left fl"><img src="/Public/images/stopIcon.png"></div>
					<div class="video_btn_right fr"><img class="active" src="/Public/images/window1.png"><img src="/Public/images/window2.png"><img src="/Public/images/quanp.png"></div>
				</div>
				<div class="window_wrap">
					<table width="100%" cellspacing="0" cellpadding="0" border="0">
						<thead>
							<tr>
								<th width="5%"></th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
								<th>00:00</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th>窗口一</th>
								<td colspan="15"></td>
							</tr>
							<tr>
								<th>窗口二</th>
								<td colspan="15"></td>
							</tr>
							<tr>
								<th>窗口三</th>
								<td colspan="15"></td>
							</tr>
							<tr>
								<th>窗口四</th>
								<td colspan="15"></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		//树状结构
		$("#tree").treeview();
		//日历
		$('#ca').calendar({
	        width: 194,
	        height: 166,
	    });
	</script>
</body>
</html>